<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>TodoList模块化开发</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="../common/css/common.css" />
    <link rel="stylesheet" href="css/todoList.css" />
</head>

<body>
    <div class="wrap">
        <div class="list-hd">
            <h2>TodoList</h2>
            <a href="javascript:;" class="j-show-input fa fa-plus"></a>
        </div>
        <div class="input-wrap">
            <div class="input-bd">
                <input type="text" id="textInput" />
            </div>
            <div class="btn-bd">
                <button class="j-add-item">增加项目</button>
            </div>
        </div>
        <div class="list-wrap">
            <ul class="j-list list"></ul>
        </div>
    </div>
    <script type="text/javascript" src="../common/js/utils.js"></script>
    <script type="text/javascript" src="js/todoList.js"></script>
</body>

</html>